import { Button } from "@/components/ui/button"
import { Share2 } from "lucide-react"

interface MockResponseProps {
  onGenerateCard: () => void
}

export default function MockResponse({ onGenerateCard }: MockResponseProps) {
  return (
    <div className="bg-[#f9f8f6] rounded-2xl shadow-sm p-6 space-y-6">
      <div className="space-y-6 animate-fade-in">
        <div className="flex items-center justify-between">
          <h2 className="text-2xl font-bold">尼格罗尼鸡尾酒的配方</h2>
          <Button
            variant="outline"
            size="sm"
            onClick={onGenerateCard}
            className="flex items-center gap-2 text-emerald-600 border-emerald-200 hover:bg-emerald-50 hover:text-emerald-700"
          >
            <Share2 className="h-4 w-4" />
            生成配方卡片
          </Button>
        </div>

        {/* Previous content remains unchanged */}
        <section className="space-y-2">
          <h3 className="font-semibold text-gray-900">主要成分：</h3>
          <p className="text-gray-700">金菲、甜苦艾酒、卡帕里（各1盎司）。</p>
        </section>

        <section className="space-y-2">
          <h3 className="font-semibold text-gray-900">装饰：</h3>
          <p className="text-gray-700">橙皮。</p>
        </section>

        <section className="space-y-2">
          <h3 className="font-semibold text-gray-900">方法：</h3>
          <p className="text-gray-700">将所有成分与冰块一起搅拌，过滤到装有冰的岩石杯中，装饰橙皮。</p>
        </section>

        <section className="space-y-2">
          <h3 className="font-semibold text-gray-900">令人惊讶的事实：</h3>
          <p className="text-gray-700">标准配方使用等量的三种成分，制作简单，但味道浓郁，适合慢慢品尝。</p>
        </section>

        <section className="space-y-2">
          <h3 className="font-semibold text-gray-900">成分与比例</h3>
          <p className="text-gray-700">尼格罗尼鸡尾酒的标准配方需要以下等量成分：</p>
          <ul className="list-disc list-inside space-y-1 text-gray-700 ml-4">
            <li>1盎司金菲</li>
            <li>1盎司甜苦艾酒</li>
            <li>1盎司卡帕里</li>
          </ul>
        </section>

        <section className="space-y-2">
          <h3 className="font-semibold text-gray-900">制作步骤</h3>
          <ol className="list-decimal list-inside space-y-2 text-gray-700 ml-4">
            <li>将金菲、卡帕里和甜苦艾酒加入装满冰的混合杯中。</li>
            <li>搅拌至杯外感觉冰冷。</li>
            <li>过滤到装有冰的岩石杯中。</li>
            <li>用橙皮装饰。</li>
          </ol>
        </section>

        <section className="space-y-2">
          <h3 className="font-semibold text-gray-900">额外提示</h3>
          <ul className="list-disc list-inside space-y-1 text-gray-700 ml-4">
            <li>每个部分的常见量为1盎司（约30毫升），确保平衡口感。</li>
            <li>这款鸡尾酒适合饭前饮用，酒精含量较高，建议慢慢享用。</li>
          </ul>
        </section>

        <section className="space-y-2">
          <h3 className="font-semibold text-gray-900">详细报告：尼格罗尼鸡尾酒的全面分析</h3>
          <p className="text-gray-700">
            尼格罗尼（Negroni）是一款经典的意大利鸡尾酒，以其浓郁的酒精风味和平衡的苦甜口感而闻名。本报告将详细探讨其标准配方、制作方法以及相关细节，旨在为读者提供全面的参考。
          </p>
        </section>

        <section className="space-y-2">
          <h3 className="font-semibold text-gray-900">背景与起源</h3>
          <p className="text-gray-700">
            尼格罗尼鸡尾酒据说起源于20世纪初的佛罗伦萨，由意大利伯爵卡米洛·尼格罗尼（Camillo
            Negroni）发明。当时，他在佛罗伦萨的Casoni酒吧要求将他喜欢的Americano鸡尾酒中的苏打水替换为金菲，并用橙皮代替传统的柠檬皮，从而创造了这一经典饮品（
            <a href="Liquor.com" className="text-emerald-600 hover:text-emerald-700">
              Liquor.com
            </a>
            ）。
          </p>
        </section>
      </div>
    </div>
  )
}

